<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>测试书签功能</title>
		<link rel="stylesheet" href="css/code.css">
	</head>
	<body>
		<!-- 头部书签样式 -->
		<div class="custom-icon-nav">
			<a href="#" class="custom-icon-item" data-image="img/wechat.jpg">
				<div class="custom-icon-img">📱</div>
				<div class="custom-icon-text">weChat</div>
				<div class="dropdown" id="dropdownWeChat">
					<img src="img/wechat.jpg" alt="WeChat QR Code">
				</div>
			</a>
			<a href="#" class="custom-icon-item" data-image="img/QQ.jpg">
				<div class="custom-icon-img">🐧</div>
				<div class="custom-icon-text">QQ</div>
				<div class="dropdown" id="dropdownQQ">
					<img src="img/QQ.jpg" alt="QQ QR Code">
				</div>
			</a>
			<!-- 可以继续添加更多图标 -->
		</div>

		<script src="js/script.js"></script>
	</body>
</html>